<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>宝宝玩英语</title>
	<link rel="stylesheet" href="./lib/reset.css">
	<link rel="stylesheet" href="./css/common.css">
	<link rel="stylesheet" href="./css/header.css">
	<link rel="stylesheet" href="./css/footer.css">
	<link rel="stylesheet" href="./css/experience_course.css">
	<link rel="stylesheet" href="./lib/video-js.css">
	<script type="text/javascript" src="./lib/videojs-ie8.js"></script>
	<script type="text/javascript" src="./lib/video.js"></script>
	<script type="text/javascript" src="./js/common.js" charset="utf-8"></script>
</head>

<body>
	<header>
		<div class="headerw">
			<div class="left">
				<h1>宝宝玩英语</h1>
			</div>
			<nav>
				<div class="con_nav">
					<a href="./index.html">
						<!-- <img src="./images/header/nav1.jpg" alt="./images/header/nav1.jpg"> -->
						<p>首页</p>
					</a>
					<a href="./index.html?system" class="goCourseSystem">
						<!-- <img src="./images/header/nav2.jpg" alt="./images/header/nav2.jpg"> -->
						<p>课程体系</p>
					</a>
					<a href="./teaching.html">
						<!-- <img src="./images/header/nav3.jpg" alt="./images/header/nav3.jpg"> -->
						<p>教学模式</p>
					</a>
					<a href="./course.html">
						<!-- <img src="./images/header/nav4.jpg" alt="./images/header/nav4.jpg"> -->
						<p>课程概览</p>
					</a>
					<!-- <a href="./baby.html"> -->
						<!-- <img src="./images/header/nav5.jpg" alt="./images/header/nav5.jpg"> -->
						<!-- <p>宝宝风采</p>
					</a> -->
					<a href="./download_pen.html">
						<!-- <img src="./images/header/nav6.jpg" alt="./images/header/nav6.jpg"> -->
						<p>点读专区</p>
					</a>
					<a href="./experience_course.html" class="checked">
						<!-- <img src="./images/header/nav7.png" alt="./images/header/nav7.png"> -->
						<p>体验课</p>
					</a>
				</div>
			</nav>
		</div>
	</header>
	<div class="ex-main">
		<img src="./images/experience_course/Group5Copy.png" alt="">
		<img src="./images/experience_course/Group5Copy2.png" alt="">
		<img src="./images/experience_course/Group5Copy3.png" alt="">
	</div>
	<footer>
		<div class="top">
			<div class="w">
				<div class="onefloor">
					<span class="about">
            <a href="./about.html">关于我们</a>
          </span>
					<span>丨</span>
					<span class="join">
            <a href="./join.html">加入我们</a>
          </span>
				</div>
				<div class="twofloor">
					<img src="./images/footer/gongzhonghao.jpg" alt="">
					<img src="./images/footer/download.jpg" alt="">
				</div>
				<div class="lastfloor">
					<p>微信公众号</p>
					<p>宝玩APP下载</p>
				</div>
			</div>
		</div>
		<div class="bottom">
			<p style="display:inline-block;text-decoration:none;height:20px;line-height:20px;">
				<span style="float:left;;margin: 0px 10px 0px 0px;height:20px;line-height:20px;color: #666">京ICP备16005798号</span>
			</p>
			<a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010502034347" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;">
        <img src="images/footer/footrecord.png" style="float:left;" />
        <p style="float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px;">京公网安备 11010502034347号 北京启萌教育科技有限公司</p>
      </a>
		</div>
	</footer>
</body>
<script type="text/javascript">
	var banCode = document.querySelector('.banCode');

	function show_banCode() {
		if (banCode.style.display == 'none') {
			banCode.style.display = 'block';
		} else {
			banCode.style.display = 'none';
		}
	}
</script>

<script type="text/javascript" src="http://tajs.qq.com/stats?sId=64268548" charset="UTF-8"></script>

</html>
